<template>
  <div class="hello">
    <h3>学习vue：模版语法</h3>
    <p>{{ message }}</p>
    <div>{{ rawhtml }}</div>
    <div v-html="rawhtml"></div>
    <div :id="dynamicId"></div>
    <p>{{ num + 10 }}</p>
    <p>{{ flag ? "lwc" : "zjw" }}</p>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data(){
    return {
      message: "学习vue",
      rawhtml: "<a href = 'https://www.baidu.com'>百度</a>",
      dynamicId:1001,
      num:10,
      flag:true,
    }
  }
}
</script>


